<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base target="${cxt }" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/grzx/youce.css" />
<link rel="stylesheet" type="text/css" href="css/grzx/style.css" />
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

</head>
<body>
	<div class="grzx_r_div_2-r" style="margin-top: 0px">
		<div class=" ">
			<span class="grzx_r_zuche_1">自驾租车</span>
		</div>

		<div class="grzx_r_div_ul">
			<ul>
				<li name="all"><a href="">全部</a></li>
				<li name="clz">进行中</li>
				<li name="ywc">已完成</li>
				<li name="yqx">已取消</li>
			</ul>
		</div>
		<div>
			<table class="grzx_r_table1" border="0" cellspacing="0"
				cellpadding="0">
				<thead>
					<tr>
						<th>订单信息</th>
						<th>取/还车信息</th>
						<th>总计</th>
						<th>订单状态</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${lst}" var="item">  
                <tr>  
                      <td align="center">${item.getCarBrand()}${item.getCarSeries()}</td> 
                      <td align="center">${item.getAddress()}</td> 
                      <td align="center">${item.getTotalCost()}</td> 
                      <td align="center">
                      	<div style="font-size:16px;">${item.getOrderstate()}</div>
                      	<div style="font-size:12px;color:#CEC8C9;cursor:pointer;"><a>查看订单</a></div>
                      </td>  
                </tr>  
            </c:forEach> 
				</tbody>
			</table>
			</div>
	</div>
	
	<!-- 
		短租自驾信息
	 -->	
	<div class="grzx_r_div_2-r">
		<h3 class="grzx_r_h3_1">订单状态说明</h3>
		<ul class="grzx_r_ul_1">
			<li><span class="grzx_span_title" style="color:#8cc152;">预定成功</span>
				<p class="grzx_span_nr">订单已确认，尚未提车</p></li>
			<li><span class="grzx_span_title" style="color:#ff8650;">等待付款</span>
				<p class="grzx_span_nr">订单尚未付款，请在1小时内完成支付</p></li>
			<li><span class="grzx_span_title" style="color:#00cee1;">处理中</span>
				<p class="grzx_span_nr">您的订单已提交，正在处理中</p></li>
			<li><span class="grzx_span_title" style="color:#00cee1;">租赁中</span>
				<p class="grzx_span_nr">车辆正在租赁过程中</p></li>
			<li><span class="grzx_span_title" style="color:#ff8650;">待评价</span>
				<p class="grzx_span_nr">订单完成48小时内，可对我们做出评价</p></li>
			<li><span class="grzx_span_title" style="color:#fabe00;">已成功</span>
				<p class="grzx_span_nr">已还车，订单结算完毕</p></li>
			<li><span class="grzx_span_title" style="color:#93939e;">已取消</span>
				<p class="grzx_span_nr">订单已经取消</p></li>
		</ul>
	</div>
	<div class="grzx_r_div_2-r" style="color:#93939e">
		<h3 class="grzx_r_h3_1">注意事项</h3>
		<p style="margin-top: 10px;">1. 修改或取消订单，请您尽早致电400 616
			6666申请，送车上门或服务点订单请至少在我们的工作时间内（08:00-20:00）提前2小时修改；</p>
		<p>2. 预付订单，逾时不履行或取消的，退还您预付款中的基本保险、手续费及可选服务费款项，已付费用将作为违约金恕不退还；</p>
		<p>3. 系统将为您保留一年之内的订单，如需查询更早的订单，请致电24小时热线。</p>

	</div>
	<script src="js/grzx/jquery.min.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="js/grzx/Ecalendar.jquery.min.js" type="text/javascript"
		charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	
		$(function() {
			$("#ECalendar_case1").ECalendar({
				type : "date",
				skin : "#233",
				offset : [ 0, 5 ]
			});
			$("#ECalendar_case2").ECalendar({
				type : "date",
				skin : "#233",
				offset : [ 0, 5 ]
			});
			$(".grzx_r_div_ul ul li").click(function(){
				$(this).css("background-color","#FABE00");
				$(this).css("color","white");
				$(this).siblings().css("background-color","#F8F8FA");
				$(this).siblings().css("color","#93939E");
				var kind = $(this).html();
				
				
			});
		})
	</script>
</body>
</html>